<template>
  <div class="schedule">
      
  </div>
</template>
<script>
import { mapGetters, mapActions } from "vuex";
export default {
  name: "schedule",
  components: {},
  data() {
    return {};
  },
  mounted() {
    // this.getDetail();
  },
  methods: {
    ...mapActions(["getScheduleDetails","getScheduleList"]),
    
    getDetail() {
      let data = {
        id: 4,
      };
      this.getScheduleDetails(data);
    },
  },
  computed: {
    ...mapGetters(["scheduleDetails","scheduleList"]),
  },
};
</script>
<style scoped>
.schedule {
  width: 1200px;
  padding: 100px 0;
  margin: 0 auto;
}
.schedule-top {
  margin-top: 40px;
  display: flex;
  background: #f8f8f8;
}
.img-box {
  width: 500px;
  height: 300px;
}
.schedule-nav {
  flex: 1;
  box-sizing: border-box;
  padding: 40px;
}
.schedule-nav h1 {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  margin-bottom: 30px;
}
.schedule-nav p {
  font-size: 16px;
  font-family: Source Han Sans CN;

  color: #666;
  line-height: 36px;
}
.schedule-nav span {
  font-weight: bold;
  color: #333333;
}
.schedule-detail{
  margin-top: 30px;
}
</style>